<template>
	<div>
		<input type="text" v-model="text" /> {{text | myFilter}}
		<sub-vue></sub-vue>
	</div>
</template>
<script>
	import subVue from './components/sub.vue';
	export default {
		filters: {
			myFilter(value) {
				return value.split("").reverse().join('');
			}
		},
		data() {
			return {
				text: ''
			};
		},
		components:{
			'subVue':subVue
		}
	}
</script>
<style></style>